page,
block,
view,
scroll-view,
swiper,
movable-view,
icon,
text,
progress,
button,
checkbox,
form,
input,
label,
picker,
picker-view,
radio,
slider,
switch,
textarea,
navigator,
audio,
image,
video,
map,
canvas,
contact-button,
cover-image,
cover-view {
	box-sizing: border-box;
	letter-spacing: 1rpx;
}

button {
	font-size: 11pt;
	font-family: inherit;
}

.no-scroll::-webkit-scrollbar {
	width: 0;
	height: 0;
	-webkit-appearance: none;
	color: transparent;
	display: none;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.pf {
	position: fixed;
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex !important;
}

.flex1 {
	flex: 1;
}


.flex-x-center {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex-y-center {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
}


.flex-y-bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	-ms-grid-row-align: flex-end;
	align-items: flex-end;
}

.flex-d-c {
	flex-direction: column;
}






.mb-10 {
	margin-bottom: 10rpx;
}

button[plain] {
	border: none;
	background: #fff;
	color: inherit;
}

.nowrap {
	white-space: nowrap;
}


.p-10 {
	padding: 10rpx 10rpx;
}

.px-24 {
	padding-left: 24rpx;
	padding-right: 24rpx;
}

.ptb-24 {
	padding-top: 24rpx;
	padding-bottom: 24rpx;
}





/* 字体 */



.color-ffffff {
	color: #FFFFFF;
}

.color-AAAAAA {
	color: #AAAAAA;
}

.color-000000 {
	color: #000000;
}


.color-999999 {
	color: #999999;
}

.color-333333 {
	color: #333333;
}

.color-666666 {
	color: #666666;
}

.color-FF0200 {
	color: #FF0200;
}






/* 边距 */

.p-24 {
	padding: 24rpx;
}

.pl-10 {
	padding-left: 10rpx;
}

.pl-24 {
	padding-left: 24rpx;
}

.pl-22 {
	padding-left: 22rpx;
}

.pt-14 {
	padding-top: 14rpx;
}

.pt-24 {
	padding-top: 24rpx;
}

.pr-24 {
	padding-right: 24rpx;
}

.pr-48 {
	padding-right: 48rpx;
}

.pl-48 {
	padding-left: 48rpx;
}

.pt-48 {
	padding-top: 48rpx;
}

.pb-48 {
	padding-bottom: 48rpx;
}

.pb-24 {
	padding-bottom: 24rpx;
}

.pb-32 {
	padding-bottom: 32rpx;
}

.pb-14 {
	padding-bottom: 14rpx;
}

.pl-20 {
	padding-left: 20rpx;
}

.bold {
	font-weight: 550;
}

.pl-24 {
	padding-left: 24rpx;
}

.ptb-20 {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.plr-24 {
	padding-left: 24rpx;
	padding-right: 24rpx;
}

.plr-25 {
	padding-left: 25rpx;
	padding-right: 25rpx;
}

.marginAuto {
	margin: auto;
}

.m-24 {
	margin: 24rpx;
}
.m-30 {
	margin: 30rpx;
}

.ml-36 {
	margin-left: 36rpx;
}

.mt-34 {
	margin-top: 34rpx;
}

.mt-22 {
	margin-top: 22rpx;
}

.mt-32 {
	margin-top: 32rpx;
}

.mt-40 {
	margin-top: 40rpx;
}

.mt-48 {
	margin-top: 48rpx;
}

.mt-56 {
	margin-top: 56rpx;
}

.mr-36 {
	margin-right: 36rpx;
}

.mt-36 {
	margin-top: 36rpx;
}

.mb-36 {
	margin-bottom: 36rpx;
}

.mb-44 {
	margin-bottom: 44rpx;
}

.pl-36 {
	padding-left: 36rpx;
}

.pr-36 {
	padding-right: 36rpx;
}

.pt-36 {
	padding-top: 36rpx;
}

.pb-36 {
	padding-bottom: 36rpx;
}

.mt-38 {
	margin-top: 38rpx;
}

.mt-32 {
	margin-top: 32rpx;
}

.mt-28 {
	margin-top: 28rpx;
}

.mt-26 {
	margin-top: 26rpx;
}

.mr-44 {
	margin-right: 44rpx;
}

.mt-5 {
	margin-top: 5rpx;
}

.mt-10 {
	margin-top: 10rpx;
}

.mt-14 {
	margin-top: 14rpx;
}

.mt-16 {
	margin-top: 16rpx;
}

.mr-16 {
	margin-right: 16rpx;
}

.ml-16 {
	margin-left: 16rpx;
}

.mt-30 {
	margin-top: 30rpx;
}

.mr-30 {
	margin-right: 30rpx;
}

.ml-10 {
	margin-left: 10rpx;
}

.mt-15 {
	margin-top: 15rpx;
}

.mt-16 {
	margin-top: 16rpx;
}

.mt-24 {
	margin-top: 24rpx;
}

.mr-10 {
	margin-right: 10rpx;
}

.mr-15 {
	margin-right: 15rpx;
}

.mr-24 {
	margin-right: 24rpx;
}

.mb-15 {
	margin-bottom: 15rpx;
}

.mb-16 {
	margin-bottom: 16rpx;
}

.mb-24 {
	margin-bottom: 24rpx;
}

.mb-30 {
	margin-bottom: 30rpx;
}

.mb-32 {
	margin-bottom: 32rpx;
}

.ml-24 {
	margin-left: 24rpx;
}

.ml-30 {
	margin-left: 30rpx;
}

.ml-32 {
	margin-left: 32rpx;
}

.ml-34 {
	margin-left: 34rpx;
}

.mr-34 {
	margin-right: 34rpx;
}

.pl-34 {
	padding-left: 34rpx;
}

.pr-34 {
	padding-right: 34rpx;
}

.ml-40 {
	margin-left: 40rpx;
}

.mr-40 {
	margin-right: 40rpx;
}

.pl-40 {
	padding-left: 40rpx;
}

.pr-40 {
	padding-right: 40rpx;
}

.bg-FFFFFF {
	background-color: #FFFFFF;
}

.bg-f5f5f5 {
	background-color: #f5f5f5;
}

.p-20 {
	padding: 20rpx;
}

.pt-20 {
	padding-top: 20rpx;
}

.pr-20 {
	padding-right: 20rpx;
}

.pb-20 {
	padding-bottom: 20rpx;
}

.pl-20 {
	padding-left: 20rpx;
}

.plr-20 {
	padding: 0 20rpx;
}

.m-20 {
	margin: 20rpx;
}

.mt-20 {
	margin-top: 20rpx;
}

.mr-8 {
	margin-right: 8rpx;
}

.mr-20 {
	margin-right: 20rpx;
}

.mb-20 {
	margin-bottom: 20rpx;
}

.mb-32 {
	margin-bottom: 32rpx;
}

.ml-8 {
	margin-left: 8rpx;
}

.ml-20 {
	margin-left: 20rpx;
}


.click {
	opacity: 0.95;
	/* transition: all 0.1s; */
	transform: scale(0.99);
}

.click1 {
	opacity: 0.8;
}

page {
	font-family: Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.font {
	font-family: Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.show-box {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

/* 廖清泉加的 */
.flex-y-end {
	align-items: flex-end;
}

.flex-y-start {
	align-items: flex-start;
}

.flex-x-b {
	justify-content: space-between;
}

.flex-x-a {
	justify-content: space-around;
}

.flex-x-start {
	justify-content: flex-start;
}

.flex-x-end {
	justify-content: flex-end;
}

.flex-y {
	display: flex;
	flex-flow: column nowrap;
}

.flex-y-c {
	align-items: center;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-1 {
	flex: 1;
}

.flex-x-y {
	justify-content: center;
	align-items: center;
}

.text-hidden {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.share-clear {
	display: inline;
	margin: 0;
	padding: 0;
	background-color: rgba(0, 0, 0, 0);
	border: none;

}

.share-clear::after {
	display: none !important;
}

/*文字隐藏*/
.ns-text-limit {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.ns-text-limit2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/* word-wrap: break-word; */
	word-break: break-all;
}

.ns-text-limit3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
}

.ns-text-limit4 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
}

.ns-text-limit5 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
}

/* 主题色 */
.color-all {
	color: #FD7747 !important;
}

.color {
	color: #FD7747;
}

.bg-all {
	background-color: #268cfd !important;
}

image {
	vertical-align: top;
}

.bg-000000 {
	background-color: #000000;
}

.color-red {
	color: #FD4F4C;
}

.bg-red {
	background-color: #FD4F4C;
}

.letter-1 {
	letter-spacing: 1rpx;
}

.letter-2 {
	letter-spacing: 2rpx;
}

.letter-3 {
	letter-spacing: 3rpx;
}

.center {
	text-align: center;
}

.share-clear {
	display: block;
	margin: 0;
	padding: 0;
	background-color: rgba(0, 0, 0, 0);
	box-sizing: border-box !important;
}

.hidden {
	overflow: hidden !important;
}

.color-646464 {
	color: #646464;
}

.over-line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.over-line2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.over-line3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.over-line4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.ml-31 {
	margin-left: 31rpx;
}

.mr-31 {
	margin-right: 31rpx;
}

.pr-31 {
	padding-right: 31rpx;
}

.pl-31 {
	padding-left: 31rpx;
}

.w-688 {
	width: 688rpx;
}

.br-10 {
	border-radius: 10rpx;
}

.br-14 {
	border-radius: 14rpx;
}

.br-5 {
	border-radius: 5rpx;
}

.color-7D7D7D {
	color: #7d7d7d;
}

.text {
	text-align: justify;
}

.ta-right {
	text-align: right;
}




.fixed {
	position: sticky;
	top: 0;
	z-index: 30;
}

.br-16 {
	border-radius: 14rpx;
}

.wh-100 {
	width: 100%;
	height: 100%;
}

.bold {
	font-weight: bold;
}

.blod {
	font-weight: bold;
}

.h5-text {
	/* #ifdef H5 */
	transform: translateY(6rpx) !important;
	/* #endif */

}

@font-face {
	font-family: "numberfont";
	/* Project id 2647494 */
	src: url(/static/erqi/number.ttf);
}

.numberfont {
	font-family: "numberfont" !important;
}

.color-blue {
	color: #6D9EFB;
}

.bg-blue {
	background-color: #6D9EFB;
}

.w-all {
	width: 690rpx;
}

.br-16 {
	border-radius: 16rpx;
}

.br-50 {
	border-radius: 50%;
}

.pl-30 {
	padding-left: 30rpx;
}

.pr-30 {
	padding-right: 30rpx;
}

.color-black {
	color: #32343A;
}

.w-30 {
	width: 30rpx;
}


.fs-10 {
	font-size: 10rpx;
}

.fs-12 {
	font-size: 12rpx;
}

.fs-14 {
	font-size: 14rpx;
}

.fs-16 {
	font-size: 16rpx;
}

.fs-18 {
	font-size: 18rpx;
}

.fs-20 {
	font-size: 20rpx;
}

.fs-22 {
	font-size: 22rpx;
}

.fs-24 {
	font-size: 24rpx;
}

.fs-26 {
	font-size: 26rpx;
}

.fs-28 {
	font-size: 28rpx;
}

.fs-30 {
	font-size: 30rpx;
}

.fs-32 {
	font-size: 32rpx;
}

.fs-34 {
	font-size: 34rpx;
}

.fs-36 {
	font-size: 36rpx;
}

.fs-38 {
	font-size: 38rpx;
}

.fs-40 {
	font-size: 40rpx;
}

.fs-42 {
	font-size: 42rpx;
}

.fs-44 {
	font-size: 44rpx;
}

.fs-46 {
	font-size: 46rpx;
}

.fs-48 {
	font-size: 48rpx;
}

.fs-50 {
	font-size: 50rpx;
}

.fs-52 {
	font-size: 52rpx;
}

.fs-54 {
	font-size: 54rpx;
}

.fs-56 {
	font-size: 56rpx;
}

.fs-58 {
	font-size: 58rpx;
}

.fs-60 {
	font-size: 60rpx;
}

/* 聊天头像 */
.msg-image-box {
	width: 68rpx;
	height: 68rpx;
	border-radius: 50%;
	overflow: hidden;


}

/* 聊天头像图片 */
.msg-image-box .avatar-image {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

/* 聊天用户名 */
.msg-nickname {
	margin-bottom: 20rpx;
	color: #323232;
}

/* 已读未读 */
.read-status {
	white-space: nowrap;
	padding-right: 10rpx;
}

.msg-left {}

.msg-left .read-box {
	flex-direction: row-reverse;
}

.msg-left .read-status {
	padding-left: 10rpx;
	padding-right: 0;
}


.relationContent {
	color: #666666;
	padding: 6rpx 18rpx;
	background-color: #EAEAEA;
	border-radius: 20rpx;
	margin-left: 10rpx;
	margin-top: 10rpx;
}

.msg-left .relationContent {
	margin-left: 0;
}


.read-status1,
.read-status2 {
	position: absolute;
	bottom: 0;
	left: -54rpx;

}

.read-status1 {
	color: #999;

}

.read-status2 {
	color: #333;

}
.hover-o {
	opacity: 1;
	transition:all 0.3s;
}

.hover-o:active {
	opacity: 0.9;
}